// 使用Scss的Math函数
@use 'sass:math';

// 默认设计稿宽度
$designWidth: 1920;
// 默认设计稿高度
$designHeight: 1080;

// 使用vw和vh适配方案以适配不同的显示器屏幕

// 处理px转换为vw
@function vw($px) {
  @return math.div($px, $designWidth) * 100vw;
}

// 处理px转换为vh
@function vh($px) {
  @return math.div($px, $designHeight) * 100vh;
}

// 处理px转换为rem
@function px2rem($px) {
  $design_font_size: 12;

  @return ($px / $design_font_size) + rem;
}

/*css主要部分的样式*/
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/

::-webkit-scrollbar {
  width: 10px; /*对垂直流动条有效*/
  height: 10px; /*对水平流动条有效*/
}

/*定义滚动条的轨道颜色、内阴影及圆角*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
}

/*定义滑块颜色、内阴影及圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 7px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.3);
}

/*定义两端按钮的样式*/
::-webkit-scrollbar-button {
  display: none;
}

/*定义右下角汇合处的样式*/
::-webkit-scrollbar-corner {
  display: none;
}

.button-box{
  position: absolute;
  top:vh(60);
  left:vw(60);
}
